import React from 'react'



import "./App.css"



// import { Button } from 'antd-mobile'


// 打开 antd-mobile 的文档
// 安装：yarn add antd-mobile
// 在 App.js 根组件中导入要使用的组件
// 渲染组件
// 在 index.js 中导入组件库样式

import { BrowserRouter as Router, Route, NavLink, Link,Redirect } from 'react-router-dom'
//  引入 homeIndex 和CityList 组件 
import Home from './pages/home/index'
import CityList from './pages/CityList/index'




export default class App extends React.Component {
    render() {
        return (
            <div>
                <div  className='App'>

{/*  使用路由 */}

<Router>
    {/*  路由的入口配置   */}

    {/* <ul>
        <li>
            <NavLink to='/home'> 首页home</NavLink>
        </li>
        <li>
            <NavLink to='/citylist'> 城市选择</NavLink>
        </li>
    </ul> */}



    {/* 路由的出口配置 */}
    <Route path='/home' component={Home} ></Route>
    <Route path='/citylist' component={CityList} ></Route>
    <Route  path="/"   exact  render={() => <Redirect to="/home" />} />


</Router>


</div>


            </div>
        )
    }
}